<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <link rel="stylesheet" href="./css/base.css"> -->
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="./css/style2.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/font/iconfont.css" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <title>走进永辉</title>
    <style type="text/css">
        a:hover,a:focus{
            text-decoration: none;
            outline: none;
        }
    </style>
</head>
<body>
     <!-- 导航栏开始 -->
   <div class="header">
    <div class="box">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="zoujinyonghui.html" target="_blank">走进永辉</a></li>
            <li class="dropdown" id="accountmenu"><a class="dropdown-toggle" data-toggle="dropdown" href="#">顾客服务<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="fuwulinian.html" target="_blank">服务理念</a></li>
                    <li><a href="xiaofeitousu.html" target="_blank">消费投诉</a></li>
                    <li><a href="xiazaiyingyong.html" target="_blank">下载应用</a></li>
                </ul>
             
            </li>
            <li id="logo"><a href="#"><img src="img/logo.png" alt="永辉logo"></a></li>
            <li class="dropdown" id="accountmenu"><a class="dropdown-toggle" data-toggle="dropdown" href="#">业务联系<b class="caret"></b></a>
             <ul class="dropdown-menu">
                 <li><a href="yewulianxi.html#zhiwei">招聘职位</a></li>
                 <li><a href="yewulianxi.html#zhaopin">校园招聘</a></li>
                 <li><a href="yewulianxi.html#zhinan">招聘指南</a></li>
                 <li><a href="yewulianxi.html#fuli">永辉福利</a></li>
                 <li><a href="yewulianxi.html#guanggao">招标广告</a></li>
             </ul>
             </li>
             
            <li><a href="http://www.yonghui.com.cn/2008_newslist.asp?menu_level_a=2&action=1"target="_blank">最新资讯</a></li>
            <!-- 搜索框开始 -->
            <div class="search d7">
                 <form>
                     <input type="text" placeholder="搜索从这里开始...">
                     <button type="submit"></button>
                 </form>
             </div>
        </ul>
        
    </div>
</div>
<!-- 导航栏结束 -->
    <!-- 发展历程 -->
    <div class="about-main2" style="background-image: url(./img/lc_bg.png);">
        <div class="licheng-bg">
            <img src="img/lc-quxian.png" class="quxian" />
		    <div class="warper pr">
                <!-- 发展历程字体 -->
    			<div class="ny-title">
    				<h3 class="title-en">DEVELOPMENT</h3>
    				<h4 class="title-ch">发展历程</h4>
    				<i></i>
                </div>
                <!-- 图片上的文字 -->
                <div class="licheng-content swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul class="clearfix">
                            <li class="item1">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> 
                                        <span class="date">1995</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>第一家超市</h3>
                                            <p>1995年12月，成立第一家超市——福州市鼓楼区古乐微利超市</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item2">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <span class="date">1998</span>
                                        <i class="line"></i> </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>公司更名</h3>
                                            <p>1998年8月，开设第一家以“永辉”命名的超市——福州市火车站永辉超市</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item3">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2000</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>生鲜第一家</h3>
                                            <p>2000年7月，开设第一家“农改超”超市——永辉生鲜超市（福州屏西店）</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item4">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <span class="date">2002</span>
                                        <i class="line"></i> </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>农改超模范</h3>
                                            <p>福建省省长习近平视察永辉超市（黎明店）“农改超”工作
                                                <br>国务院七部委联合检查组考察永辉超市，誉为中国“农改超”的开创者，并提倡在全国范围推广“永辉模式”</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item5">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2003</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>商业联合会会员</h3>
                                            <p>开设第一家便民店——轩辉社区便民店（福州豪成店）<br>成为中国商业联合<br>会会员</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul class="clearfix">
                            <li class="item1">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2004</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>全国超市零售业百强</h3>
                                            <p>02月&nbsp&nbsp福建永辉采购配送中心成立<br>05月&nbsp&nbsp福建永辉集团有限公司成立<br>06月&nbsp&nbsp永辉货仓超市（福州黎明店）改造扩建工程完成，成为全省最大的“农改超”超市<br>
                                                10月&nbsp&nbsp重庆第一家永辉超市开业<br>门店总数达到 50 家，集团营业额达到 20 亿元，进入全国超市零售业百强</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item2">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <span class="date">2006</span>
                                        <i class="line"></i> </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>进军五十强</h3>
                                            <p>04月&nbsp&nbsp永辉集团荣登中国连锁百强五十强、全国商业百强企业前五十强<br>08月&nbsp&nbsp厦门第一家永辉超市隆重开业，标志着永辉集团全力开发闽南市场</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item3">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2009</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>百亿零售超市</h3>
                                            <p>永辉集团晋升“2008年度中国连锁百强企业”前43强<br>永辉超市晋升“2009年度福建百强企业第32强”(唯一上榜的零售企业)<br><strong>12月&nbsp&nbsp永辉超市实现2009年营业总额超100亿元</strong></p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item4">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <span class="date">2010</span>
                                        <i class="line"></i> </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>股票上市</h3>
                                            <p>永辉超市晋级“2009年中国连锁百强34强”
                                                <br><strong>2010年12月15日&nbsp&nbsp永辉超市A股成功上市</strong>（股票代码：601933）</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item5">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2013</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>全国扩张</h3>
                                            <p>永辉于广东深圳<br>上海、建立大卖场，标志着永辉超市正式进驻广东市场、上海<br>12月&nbsp&nbsp<strong>重庆</strong>永辉超市销售额突破100亿元</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul class="clearfix">
                            <li class="item1">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2014</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>app尝试</h3>
                                            <p>01月&nbsp&nbsp“永辉微店APP”在福州率先上线试运行，标志着永辉推出O2O电商平台<br>09月&nbsp&nbsp第一家上蔬永辉开业，永辉超市与上蔬集团的合作正式落地</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item2">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <span class="date">2015-2016</span>
                                        <i class="line"></i> </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>京东入驻</h3>
                                            <p>2015年8月&nbsp&nbsp京东43亿入股永辉超市<br>2016年6月&nbsp&nbsp永辉超市与中粮集团、北大荒集团在东北建设“大米种植基地</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="item3">
                                <a class="clearfix">
                                    <div class="lc-left">
                                        <i class="line"></i> <span class="date">2017</span>
                                    </div>
                                    <div class="lc-right">
                                        <div class="right-text">
                                            <h3>新零售发展</h3>
                                            <p>01月&nbsp&nbsp首家“超级物种”（温泉店）开业，标志着永辉全新的业态诞生，被称为“新零售”代表之一<br>03月&nbsp&nbsp永辉超市参与收购美国达曼公司40%股权，加快构建永辉全球垂直供应链<br>12月&nbsp&nbsp永辉超市推出“限制性股票激励计划”，进一步建立、健全公司长效激励机制</p>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 按钮 -->
                <div class="lc-swiper-btn">
                    <a class="btn-prev fl"><i class="iconfont">&#xe624;</i></a>
                    <a class="btn-next fr"><i class="iconfont">&#xe626;</i></a>
                </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 隔断图片 -->
    <div class="message-block content content-center valign-center" id="message-block">
        <div class="shelter">
            <h2>全国商场</h2>
            <div class="warper1">
                <div class="dingwei">
                    <div class="circle circle2">
                        <strong>900+</strong>
                        <span>超市总数</span>
                    </div>
                </div>
                <div class="dingwei">
                    <div class="circle">
                        <strong>165</strong>
                        <span>正在筹建</span>
                    </div>
                </div>
                <div class="dingwei">
                    <div class="circle">
                        <strong>25.7%</strong>
                        <span>增长率</span>
                    </div>
                </div>
                <div class="dingwei">
                    <div class="circle">
                        <strong>6000000</strong>
                        <span>占地面积</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 商场分布 -->
    <div class="spread content">
        <h2>商场分布</h2>
        <div class="pic">
            <img src="img/fenbu.png">
        </div>
        <div class="wenzi">
           <!--  <p>华东地区<span>323</span>家</p>
            <p>华中地区<span>34</span>家</p>
            <p>华南地区<span>25</span>家</p>
            <p>西南地区<span>222</span>家</p>
            <p>西北地区<span>23</span>家</p>
            <p>华北地区<span>82</span>家</p>
            <p>东北地区<span>20</span>家</p> -->
        <div class="wenzi-container">
            <div class="col-6">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    华东地区——323家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                            <div class="panel-body">
                                <p>福建——130家</p>
                                <p>安徽——54家</p>
                                <p>江苏——54家</p>
                                <p>浙江——55家</p>
                                <p>上海——21家</p>
                                <p>江西——9家</p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    华中地区——34家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="panel-body">
                                <p>河南——31家</p>
                                <p>河南——21家</p>
                                <p>湖北——21家</p>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    华南地区——25家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="panel-body">
                                <p>广东——24家</p>
                                <p>广西——1家</p>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseOne">
                                    西南地区——222家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                            <div class="panel-body">
                                <p>重庆——120家</p>
                                <p>贵州——26家</p>
                                <p>四川——74家</p>
                                <p>云南——2家</p>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingFive">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseOne">
                                    西北地区——23家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                            <div class="panel-body">
                                <p>陕西——20家</p>
                                <p>宁夏——3家</p>
                                
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingSix">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseOne">
                                    华北地区——82家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                            <div class="panel-body">
                                <p>北京——40家</p>
                                <p>天津——8家</p>

                                <p>河北——26家</p>

                                <p>山西——8家</p>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingSeven">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="true" aria-controls="collapseOne">
                                    东北地区——20家
                                </a>
                            </h4>
                        </div>
                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                            <div class="panel-body">
                                <p>黑龙江——9家</p>
                                <p>吉林——5家</p>

                                <p>辽宁——6家</p>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- foot -->
    <div class="foot">
        <div class="shelter">
        <div class="con">
        <div class="con2">
            <p id="c1">关注我们</p>
            <p>下载APP</p>
            <p>新浪微博</p>
        </div>
        <div class="con3">
            <p id="c1">关于永辉</p>
            <p>永辉简介</p>
            <p>最新资讯</p>
            <p>招聘信息</p>
        </div>
        <div class="con4">
            <p id="c1">联系我们</p>
            <p>消费投诉</p>
            <p>售后客服</p>
        </div>
        <div class="con5">
            <p id="c1">招商加盟</p>
            <p>招标公告</p>
        </div>
        </div>
        </div>
    </div>




      

    <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var mySwiper = new Swiper('.swiper-container.licheng-content', {
            autoplay: false, //自动滑动
        })
        $('.btn-prev').click(function() {
            mySwiper.swipePrev();
        })
        $('.btn-next').click(function() {
            mySwiper.swipeNext();
        })
    </script>
 


    <!-- JS的引用 -->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.fancybox.pack.js" type="text/javascript"></script>
    <!-- <script>
        jQuery(document).ready(function() {
            Layout.init();
        });
    </script> -->
</body>
</html>